<style scoped>
    .assset {
        padding: 0px;
    }

    #searchForm {
        padding-left: 50px;
    }
    
</style>
<style>
</style>

<template>
    <div class="assset">
        <product-title></product-title>
        <div class="pro-detail-content pr20 ">

            <Form ref=""  id="searchForm">
                <Form-item>
                    <div class="for_mon mb10 mt15">
                        <span>考核方式： &nbsp;</span>
                        <Select style="width:200px;">
                            <Option value="滚动考核">滚动考核</Option>
                            <Option value="固定考核">固定考核</Option>
                        </Select>
                    </div>
                </Form-item>
                <Form-item>
                    <div class="for_mon mb10 mt15">
                        <span>月度 : 每个月度的 &nbsp;</span>
                        <Input placeholder="" style="width:120px;"></Input>
                        <!-- <DatePicker type="date"   placeholder="选择日期" style="width: 120px" @on-change="dateChange"></DatePicker> -->
                        <span>日,进行月度考核</span>
                    </div>
                </Form-item>
                <Form-item>
                    <div class="for_ji mb10">
                        <span>季度 : 每个季度的 &nbsp;</span>
                        <Input placeholder="" style="width:120px;"></Input>
                        <!-- <DatePicker type="date"   placeholder="选择日期" style="width: 120px" @on-change="dateChange"></DatePicker> -->
                        <span>日,进行季度考核</span>
                    </div>
                </Form-item>
                <Form-item>
                    <div class="for_ye mb10">
                        <span>半年 : 每个半年的&nbsp;</span>
                        <Input placeholder="" style="width:120px;"></Input>
                        <!-- <DatePicker type="date"   placeholder="选择日期" style="width: 120px" @on-change="dateChange"></DatePicker> -->
                        <span>日,进行半年考核</span>
                    </div>
                </Form-item>
                <Form-item>
                    <div class="for_ye mb10">
                        <span>年度 : 每个年度的&nbsp;</span>
                        <Input placeholder="" style="width:120px;"></Input>
                        <!-- <DatePicker type="date"   placeholder="选择日期" style="width: 120px" @on-change="dateChange"></DatePicker> -->
                        <span>日,进行年度考核</span>
                    </div>
                </Form-item>

                <Form-item>
                    <Button shape="circle" type="primary" size="large" style="width:80px;">
                        <Icon type="checkmark-circled"></Icon>保存</Button>
                    &#x3000;
                    <Button shape="circle" size="large" style="width:80px;">取消</Button>
                </Form-item>

                <!-- <Row>
                        <div class="table-theme highlight_table">
                            <Table :columns="column" :data="tableList" size="large" stripe highlight-row border></Table>
                        </div>
                    </Row> -->
            </Form>
        </div>

    </div>
</template>
<script>
    import productTitle from '../../components/productTitle'

    export default {
        data() {
            return {
                column:[],
                tableList:[],
            }
        },
        components: {
            productTitle,

        },
        mounted() {

        },
        created() {
            this.getList()
        },
        watch: {
            '$route' (to, from) {
                // 对路由变化作出响应...

            }
        },
        methods: {
            getList(){
                var arr = ['FYC','1~10','10~20','20~30','30~40'];
                this.tableList = ['1','10','0.5','0.2','0.2','0.3'];
                var l=[]
                for(var i in arr){
                    var obj ={};
                    obj.title = arr[i];
                    obj.align = 'center'
                    l.push(obj);
                }
                this.column = l;
                console.log(this.column)
            },
        }
    }
</script>